<?php global $ubi;?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>TÙM LUM site</title>
        
		<link rel="stylesheet" type="text/css" href="include/css/style.css" media="screen" />
		<link rel="stylesheet" id="contact-form-7-css" href="include/css/styles.css" type="text/css" media="all" />
        <link rel="stylesheet" type="text/css" href="include/css/site.css" media="screen" />
		<link href="include/css/jquery-ui.css" type="text/css" rel="stylesheet" />
		
		<script language="javascript" src="include/script/jquery-1.4.4.min.js" type="text/javascript"></script>
		<script language="javascript" src="include/script/jquery-ui-1.8.14.custom.min.js" type="text/javascript"></script>
		<script language="javascript" type="text/javascript" src="include/script/script.js"></script>
		<script language="javascript" type="text/javascript" src="include/script/validate.js"></script>
		
		<script type="text/javascript" language="javascript">
			$.extend({
				checkFormRegister: function () {
					var errMes = '';
					if ($('input[name=txtUserName]').val() == '') {				
				        errMes += 'Bạn chưa nhập tên đăng nhập<br />';		        
				    }
					if ($('input[name=txtPassword]').val() == '') {						
						errMes += 'Bạn chưa nhập mật khẩu<br />';						
					}
					if ($('input[name="txtRePassword"]').val() == '') {				
						errMes += 'Bạn chưa nhập xác nhận mật khẩu<br />';				
					}
					if ($('input[name=txtRePassword]').val() != ''
						&& $('input[name=txtPassword]').val() != ''
						&& $('input[name=txtPassword]').val() != $('input[name=txtRePassword]').val('')) {
						errMes += 'Mật khẩu và xác nhận mật khẩu chưa giống nhau<br />';
					}
				    if ($('input[name=txtEmail]').val() == '') {			    
				       	errMes += 'Bạn chưa nhập địa chỉ email<br />';
				    } else {
					    if ($.emailValidate($('input[name="txtEmail"]').val())) {
						    errMes += 'Địa chỉ email bạn nhập chưa chính xác<br />';
					    } else {
						    if ($('input[name=txtEmail').val() != $('input[name=txtReEmail]').val()) {
						    	errMes += 'Email và xác nhận email chưa giống nhau<br />';
						    } 
					    }
				    }
				    if ($('input[name=txtLastName]').val() == '') {
				        errMes += 'Bạn chưa nhập tên họ<br />';
				    }
				    if ($('input[name=txtFirstName]').val() == '') {
				        errMes += 'Bạn chưa nhập tên<br />';
				    }
				    if ($('input[name=txtDOB]').val() == '') {
				    	errMes += 'Bạn chưa nhập ngày sinh<br />';
				    } else {
					    if (!$.isDate($('input[name=txtDOB]').val())){
						    strMes += 'Bạn nhập chưa đúng định dạng giá trị ngày tháng năm sinh<br />';
					    }
				    }
				    if ($('input[name=txtNumber]').val() == '') {
				    	errMes += 'Bạn chưa nhập địa chỉ<br />';
				    }
				    if ($('input[name=txtStreet]').val() == '') {
				    	errMes += 'Bạn chưa nhập tên đường<br />';
				    }
				    if ($('input[name=txtDistrict]').val() == '') {
				    	errMes += 'Bạn chưa nhập tên quận<br />';
				    }
				    if ($('input[name=txtWard]').val() == '') {
				    	errMes += 'Bạn chưa nhập tên phường<br />';
				    }
				    if ($('input[name=txtCode]').val() == '') {
				    	errMes += 'Bạn chưa nhập mã bảo vệ<br />';
				    }
				    if ($('input[name=txtDongY]').checked) {
				    	errMes += 'Bạn chưa check đồng ý các điều khoản của Ubiquitous<br />';
				    }
					
				    if (errMes != '') {
					    errMes += '<br />';
				    	$('#err').html(errMes);				    
					    return false;
				    }
				    
				    return true;
				}	
			});
		
			$(document).ready(function(){
				$('#randomItemProvider').load('index.php?load&view=randomItemProvider');
				$('#blockSignIn').load('index.php?load&view=blockSignIn');
				$('#blockSearch').load('index.php?load&view=blockSearch');
				$('#blockMembers').load('index.php?load&view=blockMembers');
				$('#blockNewestPosts').load('index.php?load&view=blockNewestPosts');
				$('#mainMenu').load('index.php?load&view=menu');
				$('#footer').load('index.php?load&view=footer');
				
				$('#datepicker').datepicker(
					{dateFormat:'dd/mm/yy', 
					 changeMonth: true,	
					 changeYear: true,
					 yearRange: '1930:2010'});
	
				$('input[name=txtUserName]').val('');
				$('input[name=txtPassword]').val('');
				$('input[name=txtRePassword]').val('');
								
				$('form[name=registration_form]').submit(function () {				
					return $.checkFormRegister();
				});
					
				$('input[name=txtUserName]').blur(function() {
					var username = $(this).val();
					if (username != '') {
						var url = 'index.php?validate&username=' + username;
						
						$.get(url, function(data) {										
							if (data == '') {				
								$('#messUserName').hide();				
							} else {								
								$('#messUserName').html('Tên đăng nhập này đã tồn tại');
								$('#messUserName').show();															
							}
						});
					} else {
						$('#messUserName').html('Bạn chưa nhập tên đăng nhập vào hệ thống <a href="#">TÙM LUM</a>');
						$('#messUserName').show();
					}
				});

				$('input[name=txtEmail]').blur(function() {					
					var email = $(this).val();
					if (email != '') {
						var url = 'index.php?validate&email=' + email;
						
						$.get(url, function(data) {										
							if (data == '') {				
								$('#messEmail').hide();			
							} else {								
								$('#messEmail').html('Email này đã được tài khoản khác sử dụng');
								$('#messEmail').show();															
							}
						});
					} else {
						$('#messEmail').html('Bạn chưa nhập email đăng ký vào hệ thống <a href="#">TÙM LUM</a>');
						$('#messEmail').show();
					}
				});
				
				$('input[name=txtUserName]').val("<?php echo $_POST['txtUserName']?>");
				$('input[name=txtLastName]').val("<?php echo $_POST['txtLastName']?>");
				$('input[name=txtFirstName]').val("<?php echo $_POST['txtFirstName']?>");
				$('select[name=selGender]').val("<?php echo $_POST['selGender']?>");
				$('input[name=txtDOB]').val("<?php echo $_POST['txtDOB']?>");	
				$('select[name=selOccupation]').val("<?php echo $_POST['selOccupation']?>");
				$('textarea[name=txtBlast]').val("<?php echo $_POST['txtBlast']?>");	
				$('input[name=txtPhone]').val("<?php echo $_POST['txtPhone']?>");
				$('input[name=txtCellPhone]').val("<?php echo $_POST['txtCellPhone']?>");
				$('input[name=txtNumber]').val("<?php echo $_POST['txtNumber']?>");
				$('input[name=txtStreet]').val("<?php echo $_POST['txtStreet']?>");
				$('input[name=txtWard]').val("<?php echo $_POST['txtWard']?>");
				$('input[name=txtDistrict]').val("<?php echo $_POST['txtDistrict']?>");
				$('select[name=selCity]').val("<?php echo $_POST['selCity']?>");
				$('input[name=txtEmail]').val("<?php echo $_POST['txtEmail']?>");
				$('input[name=txtReEmail]').val("<?php echo $_POST['txtReEmail']?>");										
			});
		</script>
	</head>
    
    <body id="cookoffboard" class="home blog">
		<div id="corners">			
			<div class="header" id="main-head">
				<div id="hdr-info">
                	<div style="float:left">
                        <img id="logo" src="include/imgs/logo.png" alt="The Cook-Off Board" width="235px" />
                        <p id="desc">Tùm Lum, Tả Pí Lù, chia sẻ tất cả ở đây</p>
                    </div>
                    <div class="nav">
                        <div id="mainMenu"></div>
                        <div style="clear:both"></div>
                    </div>
				</div>              
			</div> <!--end header-->
            
			<div class="polaroids">
            	<div class="marginBoxPicCollection" id="randomItemProvider"></div>
			</div> <!--end polaris-->
            
            <div id="container">
				<hr />
                <div class="left">
                    <div class="section" id="content">                    
                        <h1>Đăng Ký</h1>
                        <form action="index.php?register" method="post" name="registration_form" enctype="multipart/form-data">
	              			<fieldset >
	                            <h3>Chọn tên truy nhập và mật khẩu</h3>
	                            <ul class="frm">
	                                <li class="input">
	                                    <label>Tên đăng nhập <span class="red">*</span></label>
	                                    <input type="text" name="txtUserName" /><span id="messUserName" class="red"></span>	                                    
	                                </li>	                                
	                                <li class="input">
	                                    <label>Mật khẩu <span class="red">*</span></label>
	                                    <input type="password" name="txtPassword" />
	                                    <br />
	                                    <label>&nbsp;</label>
	                                    <span class="note">Dài tối thiểu 8 ký tự, kết hợp các chữ in hoa, chữ thường, các dấu chấm câu và số.</span>
	                                </li>   
	                                <li class="input">
	                                    <label>Xác nhận mật khẩu <span class="red">*</span></label>
	                                    <input type="password" name="txtRePassword" />
	                                </li>                    
	                                <li class="input">
	                                    <label>Email <span class="red">*</span></label>
	                                    <input type="text" name="txtEmail" /><span id="messEmail" class="red"></span>
	                                    <br />
	                                    <label>&nbsp;</label>
	                                    <span class="note">Thông tin đăng ký thành viên sẽ được gửi qua email này</span>
	                                </li>                                        
	                                <li class="input">
	                                    <label>Xác nhận email <span class="red">*</span></label>
	                                    <input type="text" name="txtReEmail" />	                                    
	                                </li>                    
	                            </ul>
	                        </fieldset>
	                        <fieldset >
	                            <h3>Giới thiệu bản thân</h3>
	                            <ul class="frm">
	                                <li>
	                                    <label>Họ tên <span class="red">*</span></label>
	                                    <input type="text" name="txtLastName" />
	                                </li>
	                                <li>	
				                    	<label>Tên <span class="red">*</span></label>
				                        <input type="text" name="txtFirstName" />
				                    </li>
	                                <li>
	                                    <label>Giới Tính</label>
	                                    <select name="selGender">
	                                        <option value="1">Nam</option>
	                                        <option value="0">Nữ</option>
	                                    </select>
	                                </li>   
	                                <li>
	                                    <label>Ngày Sinh <span class="red">*</span></label>
	                                    <input id="datepicker" type="text" name="txtDOB" />
	                                </li>                    
	                                <li>
	                                    <label>Nghề Nghiệp</label>
	                                    <select name="selOccupation">	                        
				                        	<?php	                        		
				                        		foreach ($occupationList as $occupationModel) {
				                        			$id = $occupationModel->getOccupationID();
				                        			$name = $occupationModel->getOccupationName();    			
				                        			echo "<option value='$id'>$name</option>";
				                        		}
				                        	?>
				                        </select>
	                                </li>  
	                                <li>
	                                    <label>Châm ngôn của bạn</label>
	                                    <textarea name="txtBlast"></textarea>
	                                </li>                         
	                            </ul>
	                        </fieldset>
	                        <fieldset >
	                            <h3>Thông tin liên hệ</h3>
	                            <ul class="frm">
	                                <li>
	                                    <label>Điện thoại</label>
	                                    <input type="text" name="txtPhone" />
	                                </li>
	                                <li>
	                                    <label>Di động</label>
	                                    <input type="text" name="txtCellPhone" />
	                                </li>            
	                            </ul>
	                            <h4>Địa Chỉ</h4>
	                            <ul class="frm">            
	                                <li>
	                                    <label>Số Nhà</label>
	                                    <input type="text" size="7" name="txtNumber" />
	                                </li>
	                                <li>
	                                	<label>Đường</label>    
	                                    <input type="text" size="20" name="txtStreet" />
	                                </li>
	                                <li>
	                                	<label>Phường</label>    
	                                    <input type="text" size="5" name="txtWard" />
	                                </li>
	                                <li>
	                                	<label>Quận</label>    
	                                    <input type="text" size="10" name="txtDistrict" />
	                                </li>   
	                                <li>
	                                    <label>Tỉnh/Thành</label>
	                                    <select name="selCity">
											<option value="Hồ Chí Minh">Hồ Chí Minh</option>
											<option value="Hà Nội">Hà Nội</option>
										</select>
	                                </li>
	                            </ul>
	                        </fieldset>
	                        <fieldset >
	                            <h3>Ảnh đại diện</h3>
	                            <ul class="frm">
	                                <li>
	                                    <label>Hình ảnh</label>
	                                    <input type="file" name="img" />
	                                </li>
	                            </ul>
	                        </fieldset>
	                        <fieldset >
	                            <h3>Bảo mật</h3>
	                            <ul class="frmLi">
	                                <li>
	                                    <label>Nhập chuỗi mã hiển thị</label>
	                                    <input type="text" name="txtCode" />
	                                </li>
	                                <li>
	                                    <label>&nbsp;</label>    
	                                    <img id="siimage" align="left" style="padding-right: 5px; border: 0" src="utility/captcha/securimage_show.php?sid=<?php echo md5(time()); ?>" />
	                               	</li>
	                               	<li>     
	                                    <label>&nbsp;</label>     
	                    				<a tabindex="-1" style="border-style: none" href="#" title="Refresh Image" 
	                    	onclick="document.getElementById('siimage').src = 'utility/captcha/securimage_show.php?sid=' + Math.random(); return false"><img src="utility/captcha/images/refresh.gif" alt="Reload Image" border="0" onclick="this.blur()" align="bottom" /></a>
	                                </li>
	                                <li>	                                
	                                    <label>&nbsp;</label>
	                                    <input type="checkbox" name="chkDongY" />
	                                    <span>
		                                    Tôi đồng ý với 
		                                    <a href="utilities/dieukhoan.html">
		                                    	các điều khoản sử dụng
		                                    </a> 
		                                    của 
		                                    <?php echo $ubi['SERVER']['SITE_NAME']?>
	                                    </span>	                                    
									</li>
	                                <li>
	                                    <br />
	                                    <label>&nbsp;</label>
	                                    <input type="submit" value="Tạo tài khoản" />
	                                </li>
	                            </ul>
	                        </fieldset>
						</form>	                                  
                    </div>  <!--end section -->
            	</div> <!-- end left -->        
                <div class="right">
        			<div class="aside">
                        <ul class="blockRightSide">	
                            <li class="blockRight" id="blockSignIn"></li>
                            <li class="blockRight" id="blockSearch"></li>                                            
                            <li class="blockRight" id="blockMembers"></li>
                            <li class="blockRight" id="blockNewestPosts"></li>
                        </ul>
                    </div>        
                </div> <!--end right-->
			</div> <!--end container-->		
            
            <div id="footer" class="footer clearfix"></div>             
		</div>
	</body>
</html>